<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DCV模拟推送工具</title>
<!-- load stylesheets -->
<link rel="stylesheet" href="css/googleapis.css">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Magnific pop up style, http://dimsemenov.com/plugins/magnific-popup/ -->
<link rel="stylesheet" href="css/templatemo-style.css">
<link rel="stylesheet" href="css/buttons.css">
<!-- Templatemo style -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
	<script>
		function ChangeDiv(divId, divName, zDivCount) {
			for (i = 0; i <= zDivCount; i++) {
				document.getElementById(divName + i).style.display = "none";
			}
			document.getElementById(divName + divId).style.display = "block";
		}
	</script>
	<div class="container">
		<div class="row">
			<div class="tm-left-right-container">
				<!-- Left column: logo and menu -->
				<div class="tm-blue-bg tm-left-column">
					<div class="tm-logo-div text-xs-center">
						<a href="index.html"><img src="img/tm-neaty-logo.png"
							alt="Logo"></a>
						<!-- <h1 class="tm-site-name"><a href="index.html">Uinnova</a></h1> -->
					</div>
					<nav class="tm-main-nav">
						<ul class="tm-main-nav-ul">
							<li class="tm-nav-item"><a href="event_one.html"
								class="tm-nav-item-link">随机告警</a></li>
							<li class="tm-nav-item"><a href="event_one_one.html"
								class="tm-nav-item-link">自定义告警</a></li>
							<li class="tm-nav-item"><a href="eventsetupout.action"
								class="tm-nav-item-link">▣ 值域范围设置</a></li>
						</ul>
					</nav>
				</div>
				<!-- Left column: logo and menu -->

				<!-- Right column: content -->
				<div class="tm-right-column">

					<div class="tm-content-div">
						<!-- Welcome -->
						<br></br> <br></br> <span
							onclick="JavaScript:ChangeDiv('0','JKDiv_',1)"
							class="button button-glow button-border button-rounded button-primary">Tarsier</span>
						<span onclick="JavaScript:ChangeDiv('1','JKDiv_',1)"
							class="button button-glow button-border button-action button-primary">Itvop</span>
						<br></br>
						<div id="JKDiv_0" style="font-size: 19px;">
							<section id="one" class="tm-section">
								<header>
									<h2 class="tm-blue-text tm-section-title tm-margin-b-30">Tarsier-填写参数</h2>
								</header>
								<div class="row">
									<div class="col-lg-6">
										<form method="post" class="contact-form"
											action="uploadEventTarsierDIY.action">
											<div class="form-group">
												<input type="text" id="eventId" name="eventId"
													class="form-control" placeholder="设备编号" required />
											</div>
											<div class="form-group">
												<input type="text" id="content" name="content"
													class="form-control" placeholder="告警内容" required />
											</div>
											<div class="form-group">
												<input type="text" id="eurl" name="eurl"
													class="form-control" placeholder="URL地址" required />
											</div>
											<button type="submit" class="float-right tm-button" id="oo"
												onclick="controlDIV()">推送</button>
											<button type="button" onclick="javascript:history.back(-1);"
												class="float-right tm-button">返回</button>
										</form>
									</div>

									<div class="col-lg-6 tm-contact-right">
										<p>告警设备id（必填字段-多设备以英文逗号","为分隔符）</p>
										<p>填入自定义的告警内容</p>
										<address>
											推送URL地址<b>（NOAH服务URL地址-目前仅支持REST接口）</b>
										</address>
									</div>
								</div>
							</section>
							<br></br> <br></br> <br></br>
						</div>
						<div id="JKDiv_1" style="display: none; font-size: 19px;">
							<section id="one" class="tm-section">
								<header>
									<h2 class="tm-blue-text tm-section-title tm-margin-b-30">Itvop-填写参数</h2>
								</header>
								<div class="row">
									<div class="col-lg-6">
										<form method="post" class="contact-form"
											action="uploadEventItvopDIY.action">
											<div class="form-group">
												<input type="text" id="eventId" name="eventId"
													class="form-control" placeholder="设备编号" required />
											</div>
											<div class="form-group">
												<input type="text" id="content" name="content"
													class="form-control" placeholder="告警内容" required />
											</div>
											<div class="form-group">
												<input type="text" id="eip" name="eip" class="form-control"
													placeholder="推送IP" />
											</div>
											<button type="submit" class="float-right tm-button" id="oo"
												onclick="controlDIV()">推送</button>
											<button type="button" onclick="javascript:history.back(-1);"
												class="float-right tm-button">返回</button>
										</form>
									</div>

									<div class="col-lg-6 tm-contact-right">
										<p>告警设备id（必填字段-多设备以英文逗号","为分隔符）</p>
										<p>填入自定义的告警内容</p>
										<address>推送ip地址（不填即默认为127.0.0.1）</address>
									</div>
								</div>
							</section>
							<br></br> <br></br> <br></br>
						</div>
					</div>

				</div>
				<!-- Right column: content -->
			</div>
		</div>
		<!-- row -->
	</div>
	<!-- container -->

	<script src="js/jquery-1.11.3.min.js"></script>
	<!-- jQuery (https://jquery.com/download/) -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<!-- Magnific pop-up (http://dimsemenov.com/plugins/magnific-popup/) -->
	<script src="js/jquery.singlePageNav.min.js"></script>
	<!-- Single Page Nav (https://github.com/ChrisWojcik/single-page-nav) -->
</body>
</html>

